﻿<!DOCTYPE html>
<html>
	<head>
		<title>ONLYOFFICE Document Viewer</title>
		<meta charset="utf-8" />
        <meta name="description" content="The description of ONLYOFFICE Document Viewer navigation tools" />
        <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
		<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
        <script type="text/javascript" src="../callback.js"></script>
        <script type="text/javascript" src="../search/js/page-search.js"></script>
	</head>
	<body>
        <div class="mainpart">
            <div class="search-field">
                <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
            </div>
            <h1>ONLYOFFICE Document Viewer</h1>
            <p>You can use <b>ONLYOFFICE Document Viewer</b> to open and navigate through PDF, XPS, DjVu files.</p>
            <p><b>ONLYOFFICE Document Viewer</b> allows to:</p>
            <ul>
                <li>view PDF, XPS, DjVu files,</li>
                <li>add annotations using chat tool,</li>
                <li>navigate files using contents navigation panel and page thumbnails,</li>
                <li>use select and hand tools,</li>
                <li>print and download files,</li>
                <li>use internal and external links,</li>
                <li>
                    access advanced settings of the editor and view the following document info using the <b>File</b> and the <b>View</b> tab:
                    <ul>
                        <li class="onlineDocumentFeatures"><b>Location</b> (available in the <em>online version</em> only) - the folder in the <b>Documents</b> module where the file is stored. </li>
                        <li class="onlineDocumentFeatures"><b>Owner</b> (available in the <em>online version</em> only) - the name of the user who has created the file.</li>
                        <li class="onlineDocumentFeatures"><b>Uploaded</b> (available in the <em>online version</em> only) - the date and time when the file has been uploaded to the portal.</li>
                        <li><b>Statistics</b> - the number of pages, paragraphs, words, symbols, symbols with spaces.</li>
                        <li><b>Page size</b> - the dimensions of the pages in the file.</li>
                        <li><b>Last Modified</b> - the date and time when the document was last modified.</li>
                        <li><b>Created</b> - the date and time when the document was created.</li>
                        <li><b>Application</b> - the application the document has been created with.</li>
                        <li><b>Author</b> - the person who has created the document.</li>
                        <li><b>PDF Producer</b> - the application used to convert the document to PDF.</li>
                        <li><b>PDF Version</b> - the version of the PDF file.</li>
                        <li><b>Tagged PDF</b> - shows if PDF file contains tags.</li>
                        <li><b>Fast Web View</b> - shows if the Fast Web View has been enabled for the document.</li>
                    </ul>
                </li>
                <li>use plugins
                    <ul>
                        <li>Plugins available in the desktop version: <b>Translator</b>, <b>Send</b>, <b>Thesaurus</b>.</li>
                        <li>Plugins available in the online version: <b>Controls example</b>, <b>Get and paste html</b>, <b>Telegram</b>, <b>Typograf</b>, <b>Count word</b>, <b>Speech</b>, <b>Thesaurus</b>, <b>Translator</b>.</li>
                    </ul>
                </li>
            </ul>
            <p><b>ONLYOFFICE Document Viewer</b> interface:</p>
            <p><img alt="ONLYOFFICE Document Viewer" src="../images/pdfviewer.png" /></p>
            <ol>
                <li>
                    The Top toolbar provides access to <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">File</a>, <a href="../ProgramInterface/ViewTab.htm" onclick="onhyperlinkclick(this)">View</a> and <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a> tabs, and the following icons:
                    <p><span class = "icon icon-print"></span> <b>Print</b> allows to print out the file;</p>
                    <p><span class = "icon icon-downloadicon"></span> <b>Download</b> allows to download a file to your computer;</p>
                    <p><span class = "icon icon-access_rights"></span><b>Share</b> (available in the <em>online version</em> only) allows you to manage the users who have access to the file right from the document: invite new users giving them permissions to edit, read, comment, fill forms or review the document, or deny some users access rights to the file.</p>
                    <p><span class = "icon icon-gotodocuments"></span> <b>Open file location</b> in the <em>desktop version</em> allows opening the folder, where the file is stored, in the <b>File explorer</b> window. In the <em>online version</em>, it allows opening the folder of the <b>Documents</b> module, where the file is stored, in a new browser tab;</p>
                    <p><span class = "icon icon-favorites_icon"></span> <b>Mark as favorite / Remove from favorites</b> (available in the <em>online version</em> only) click the empty star to add a file to favorites as to make it easy to find, or click the filled star to remove the file from favorites. The added file is just a shortcut, so the file itself remains stored in its original location. Deleting a file from favorites does not remove the file from its original location;</p>
                    <p><span class = "icon icon-usericon"></span> <b>User</b>  displays the user’s name when you hover the mouse over it.</p>
                    <p><span class="icon icon-search_icon_header"></span> <b>Search</b> - allows searching the document for a particular word or symbol, etc.</p>
                </li>
                <li>The <b>Status bar</b> located at the bottom of the <b>ONLYOFFICE Document Viewer</b> window indicates the page number and displays the background status notifications. It also contains the following tools:
                    <p><span class = "icon icon-selectiontool"></span> <b>Selection</b> tool allows selecting text in a file.</p>
                    <p><span class = "icon icon-handtool"></span> <b>Hand</b> tool allows dragging and scrolling the page.</p>
                    <p><span class = "icon icon-fitpage"></span> <b>Fit to page</b> allows resizing the page so that the screen displays the whole page.</p>
                    <p><span class="icon icon-fitwidth"></span> <b>Fit to width</b> allows resizing the page so that the page scales to fit the width of the screen.</p>
                    <p><img alt="Zoom" src="../images/zoomadjusting.png" /> <a href="../HelpfulHints/Navigation.htm#navigationtools" onclick="onhyperlinkclick(this)"><b>Zoom</b></a> adjusting tool allows zooming in and out of the page.</p>
                </li>
                <li>
                    The <b>Left sidebar</b> contains the following icons:
                    <ul>
                        <li><div class = "icon icon-searchicon"></div> - allows using the <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Search and Replace</a> tool,</li>
                        <li class="onlineDocumentFeatures"><div class = "icon icon-chaticon"></div> - (available in the <em>online version</em> only) allows opening the <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">Chat</a> panel,</li>
                        <li>
                            <div class = "icon icon-navigationicon"></div> - allows opening the <b>Headings</b> panel that displays the list of all headings with corresponding nesting levels. Click the heading to jump directly to a specific page.
                            <p><img alt="NavigationPanel" src="../images/navigationpanel_viewer.png" />
                            <p>Click the <b>Settings</b> icon to the right of the <b>Headings</b> panel and use one of the available options from the menu:</p>
                            <ul>
                                <li><b>Expand all</b> - to expand all levels of headings at the <b>Headings</b> panel.</li>
                                <li><b>Collapse all</b> - to collapse all levels of headings, excepting <em>level 1</em>, at the <b>Headings</b> panel.</li>
                                <li><b>Expand to level</b> - to expand the heading structure to the selected level. E.g. if you select <em>level 3</em>, then levels 1, 2 and 3 will be expanded, while level 4 and all lower levels will be collapsed.</li>
                                <li><b>Font size</b> – to customize font size of the <b>Headings</b> panel text by choosing one of the available presets: <em>Small</em>, <em>Medium</em>, and <em>Large</em>.</li>
                                <li><b>Wrap long headings</b> – to wrap long heading text.</li>
                            </ul>
                            <p>To manually expand or collapse separate heading levels, use the arrows to the left of the headings.</p>
                            <p>To close the <b>Headings</b> panel, click the <span class = "icon icon-navigationicon"></span> <b>Headings</b> icon on the left sidebar once again.</p>
                        </li>
                        <li>
                            <div class = "icon icon-pagethumbnails"></div> - allows displaying page thumbnails for quick navigation. Click <div class = "icon icon-search_options"></div> on the <b>Page Thumbnails</b> panel to access the <b>Thumbnails Settings</b>:
                            <p><img alt="Page thumbnails settings" src="../images/pagethumbnails_settings.png" /></p>
                            <ul>
                                <li>Drag the slider to set the thumbnail size,</li>
                                <li>The <b>Highlight visible part of page</b> is active by default to indicate the area that is currently on the screen. Click it to disable.</li>
                            </ul>
                            <p>To close the <b>Page Thumbnails panel</b>, click the <span class = "icon icon-pagethumbnails"></span> <b>Page Thumbnails</b> icon on the left sidebar once again.</p>
                        </li>
                        <li><div class = "icon icon-feedbackicon"></div> - allows contacting our support team,</li>
                        <li class="onlineDocumentFeatures"><div class = "icon icon-abouticon"></div> - (available in the <em>online version</em> only) allows viewing the information about the program.</li>
                    </ul>
                </li>
            </ol>            
        </div>
	</body>
</html>